.drag-up {
    animation: dragup ease 0.2s 1;
    animation-fill-mode: forwards;
    border: solid 2px #cccccc;
}

.drag-down {
    animation: dragdown ease 0.2s 1;
    animation-fill-mode: forwards;
    border: solid 2px #cccccc;

}

@keyframes dragup
{
    from {
        margin-top:10px;
    }
    to {
        margin-top:40px;
    }
}

@keyframes dragdown
{
    from {
        margin-bottom:10px;
        margin-top:40px;
    }
    to {
        margin-bottom:40px;
        margin-top:10px;
    }
}